@extends('layouts.app')
@section('title', '课程')

@section('content')
    <div class="screenBox">
        <div class="commonW">
            <div class="title"><h3>全部课程</h3></div>
            <div class="cont">
                <div class="rowDiv">
                    <h3>课程分类</h3>
                    <ul>
                        <li><a class="active" href="#" title="不限">不限</a></li>
                        <li><a href="#" title="前端开发">前端开发</a></li>
                        <li><a href="#" title="后端开发">后端开发</a></li>
                        <li><a href="#" title="移动开发">移动开发</a></li>
                        <li><a href="#" title="UI设计">UI设计</a></li>
                        <li><a href="#" title="不限">不限</a></li>
                        <li><a href="#" title="人工智能">人工智能</a></li>
                        <li><a href="#" title="云计算&大数据">云计算&大数据</a></li>
                        <li><a href="#" title="智能硬件&物联网">智能硬件&物联网</a></li>
                        <li><a href="#" title="操作系统">操作系统</a></li>
                        <li><a href="#" title="软件逆向">软件逆向</a></li>
                    </ul>
                </div>
                <div class="rowDiv">
                    <h3>编程语言</h3>
                    <ul>
                        <li><a class="active" href="#" title="不限">不限</a></li>
                        <li><a href="#" title="C/C++">C/C++</a></li>
                        <li><a href="#" title="汇编">汇编</a></li>
                        <li><a href="#" title="JAVA">JAVA</a></li>
                        <li><a href="#" title="PHP">PHP</a></li>
                        <li><a href="#" title="Python">Python</a></li>
                        <li><a href="#" title="JavaScript">JavaScript</a></li>
                        <li><a href="#" title="C#/.Net">C#/.Net</a></li>
                        <li><a href="#" title="其他">其他</a></li>
                    </ul>
                </div>
                <div class="rowDiv">
                    <h3>水平级别</h3>
                    <ul>
                        <li><a class="active" href="#" title="不限">不限</a></li>
                        <li><a href="#" title="入门">入门</a></li>
                        <li><a href="#" title="基础">基础</a></li>
                        <li><a href="#" title="中级">中级</a></li>
                        <li><a href="#" title="高级">高级</a></li>
                        <li><a href="#" title="项目实战">项目实战</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="screenNav">
        <form role="form2">
            <ul class="nav nav-pills fl">
                <li role="presentation" class="active"><a href="#" title="综合排序">综合排序</a></li>
                <li role="presentation"><a href="#" title="人气">人气</a></li>
                <li role="presentation"><a href="#" title="免费">免费</a></li>
                <li role="presentation" class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                        价格<span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
            </ul>
            <div class="form-group fl">
                <label class="checkbox-inline">
                    <input type="checkbox" value="option1" class="fr">离线
                </label>

            </div>
            <div class="searchSx fr">
                <p>60个结果</p>
                <div class="form-group">
                    <input type="text" class="form-control" id="" placeholder="输入搜索词">
                    <button type="submit" class="searchBtn"></button>
                </div>
                <a href="#"><img src="img/icon_sm08.png" alt=""></a>
                <a href="#"><img src="img/icon_sm09.png" alt=""></a>
            </div>
        </form>
    </div>

    <!-- 课程主体 -->
    <div class="courseList">
        <div class="bigCont">
            <div class="item">
                <a href=" {{ route('lessons.details') }} " title=".NET窗体开发实战课程【在线直播课】"><img src="img/img_sm17.jpg" alt=""></a>
                <div class="tit">
                    <a href=" {{ route('lessons.details') }} " title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
            <div class="item">
                <img src="img/img_sm17.jpg" alt="">
                <div class="tit">
                    <a href="#" title=".NET窗体开发实战课程【在线直播课】">.NET窗体开发实战课程【在线直播课】</a>
                </div>
                <p>235课时</p>
            </div>
        </div>
        <nav aria-label="Page navigation">
            <ul class="pagination">
                <li>
                    <a href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li>
                    <a href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>

@stop
@section('script')
    <script>

    </script>
@stop